<div class="main">
    <div class="modal-line">
        <span style="color: red;">*</span>
        <span class="modal-line-title">商品sn</span>
        <input type="text" class="form-control inp" [(ngModel)]="setModel.goodsSn" required>
        <button class="action-btn" (click)="searchSn()">查询商品Sn</button>
    </div>
    <div class="modal-line">
        <span style="color: red;">*</span>
        <span class="modal-line-title">商品名称</span>
        <input type="text" class="form-control inp" [(ngModel)]="setModel.goodsName" required>
    </div>
    <div class="modal-line">
        <span style="color: red;">*</span>
        <span class="modal-line-title">市场价</span>
        <input type="text" class="form-control inp" [(ngModel)]="setModel.marketPrice" required>
    </div>
    <div class="modal-line">
        <span style="color: red;">*</span>
        <span class="modal-line-title">活动价</span>
        <input type="text" class="form-control inp" [(ngModel)]="setModel.activityPrice" required>
    </div>
    <div class="modal-line">
        <span style="color: red;">*</span>
        <span class="modal-line-title">商品缩略图</span>
        <div style="display: inline-block;">
            <a class="action-btn">选择
                <input type="file" value="上传图片" class="inputFile" ng2FileSelect id="homePage-uploader" [uploader]="BreviaryPicUpload" (change)="selectedFileOnChanged($event, BreviaryPicUpload)" />
            </a>
            <button class="action-btn" (click)="uploadFile(BreviaryPicUpload, 0)">上传</button>
        </div>
    </div>
    <div class="modal-line">
        <span style="opacity: 0;">*</span>
        <span class="modal-line-title"></span>
        <div class="modal-img breviaryPic">
            <img src="{{setModel.breviaryPicUrl}}" alt="">
        </div>
    </div>
    <div class="modal-line">
        <span style="color: red;">*</span>
        <span class="modal-line-title">背景图</span>
        <div style="display: inline-block;">
            <a class="action-btn">选择
                <input type="file" value="上传图片" class="inputFile" ng2FileSelect id="homePage-uploader" [uploader]="BackgroundPicUpload" (change)="selectedFileOnChanged($event, BackgroundPicUpload)" />
            </a>
            <button class="action-btn" (click)="uploadFile(BackgroundPicUpload, 1)">上传</button>
        </div>
    </div>
    <div class="modal-line">
        <span style="opacity: 0;">*</span>
        <span class="modal-line-title"></span>
        <div class="modal-img backgroundPic">
            <p style="color: #FF5918;">*单品落地页示例图</p>
            <img src="{{setModel.backgroundPicUrl}}" alt="">
        </div>
    </div>
    <div class="modal-line">
        <span style="opacity: 0;">*</span>
        <span class="modal-line-title"></span>
        <button class="confirm-btn modal-line-add" (click)="saveActivity()">保存</button>
    </div>
</div>

<!--查询商品信息列表弹窗  -->
<div class="row" bsModal #SearchGoogsSn="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title pull-left">查询商品信息列表</h4>
                <button type="button" class="close pull-right" (click)="SearchGoogsSn.hide()" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <br>
                <div class="SearchGoogsSn">
                    <div class="grid-header">
                        <div class="grid-title" *ngFor="let column of columns">{{column.title}}</div>
                    </div>
                    <div class="grid-container">
                        <div class="grid-item" *ngFor="let row of rows">
                            <div class="grid-itemInfo">{{row.goodsSn}}</div>
                            <div class="grid-itemInfo">{{row.goodsName}}</div>
                            <div class="grid-itemInfo">
                                <button class="action-btn" (click)="selectGoods(row)">选择</button>
                            </div>
                        </div>
                    </div>
                    <pagination *ngIf="rows" class="pagination-sm" [(ngModel)]="page" [totalItems]="totalItems" [itemsPerPage]="itemsPerPage"
                        [maxSize]="maxSize" [boundaryLinks]="true" [rotate]="false" [firstText]="localText.firstBtn" [lastText]="localText.lastBtn"
                        [previousText]="localText.previousBtn" [nextText]="localText.nextBtn" (pageChanged)="onChangeTable($event)"
                        (numPages)="numPages = $event">
                    </pagination>
                    <pre *ngIf="rows" class="card card-block card-header">页数: {{page}} / {{numPages}}</pre>
                </div>
            </div>
        <div>
    </div>
</div>
<br>